<html>

<head>
    <meta charset="utf-8">
    <title>资讯</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" type="text/css" href="__HOME__/css/public.css" />
    <link rel="stylesheet" type="text/css" href="__HOME__/css/message.css" />
    <script type="text/javascript" src="__HOME__/js/jquery.js"></script>
</head>

<body>
<!-- <div class="" onClick="getMoreList()">
            点击加载更多
        </div>
    <div class="list-content" > -->
        <div class="placeholder-line"></div>
        <div class="article-wrap">
            <!--文章 new-->
            <div class="related-article-wrap">

                <ul class="rec-article-feed-ul article-hp-feed js-article-append-box" id="list-content-ajax" style="padding: 0 0.4rem;">
                    <!-- 三个小图 -->  
                 
                    <!---文章列表开始-->

					<!--文章列表结束-->
                    
                </ul>
                 
            </div>
        </div>
        <div class="bottom-more get_more" onClick="getMoreList()">
            点击加载更多
        </div>
        <div style="height: 45px;"></div>
    </div>
    <div class="v_nav">
    <div class="vf_nav">
        <ul>
            <li> <a href="/">
                <i class="vf_1"></i>
                <span class="vf_1_text">首页</span></a></li>
            <li class="active"><a href="{:U('Message/index')}">
                <i class="vf_2"></i>
                <span class="vf_2_text">资讯</span></a>
            </li>
            <li><a href="{:U('Operation/index')}">
                <i class="vf_3"></i>
                <span class="vf_3_text">运营</span></a></li>
            
            <li><a href="{:U('Register/center')}">
                <i class="vf_4"></i>
                <span class="vf_4_text">我的</span></a>
            </li>
        </ul>
    </div>
</div> 
</body>

</html>
<script type="text/javascript">
    var url = "/index.php?m=Home&c=Message&a=ajaxMessageGetMore";
    var page = 1;
    getMoreList();
    function getMoreList(){
        $('.get_more').show();
        $.ajax({
            type : "get",
            url:"/index.php?m=Home&c=Message&a=ajaxMessageGetMore&p="+page,
            dataType:'html',
            success: function(data)
            {
                if(data){
                    $("#list-content-ajax").append(data);
                    page++;
                    $('.get_more').show();
                }else{
                    $('.get_more').hide();
                }
            }
        }); 
    }
</script>